<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="./Public/Home/css/index.css"/>
		<script type="text/javascript" src="./Public/uploadify/jquery-1.8.2.min.js"></script>
		<script type="text/javascript" src="./Public/uploadify/jquery.uploadify.min.js"></script>
		<link rel="stylesheet" type="text/css" href="Public/uploadify/uploadify.css">
		<script type="text/javascript">		
		$(function(){
     	var num = 0;	
		
     	function run(){
     		num++;
     		if (num==5) {
     			num=0;
     		};
     	$("#lunbo img").eq(num).fadeIn(1500).siblings("img").fadeOut(1500);
     	$('#lunbo ul li').eq(num).css({background:"rgb(28,189,197)"}).siblings().css({background:"rgb(129,130,127)"});

     	}

     	timer=setInterval(run,2500);

     	$("#lunbo").hover(function(){
     	
			clearInterval(timer);
			
		$("#jiantou").stop().fadeIn();
		},function(){
			
		    timer=setInterval(run,2500);
		$("#jiantou").stop().fadeOut();
     	})
     	$("#lunbo ul li").mouseover(function(){
     		num=$(this).index();

     	$("#lunbo img").eq(num).stop().fadeIn().siblings("img").stop().fadeOut();

     	$("#lunbo ul li").eq(num).css({background:"rgb(28,189,197)"}).siblings().css({background:"rgb(129,130,127)"});
     				
     			});
   	var c = 0;

  	$("#zuo").click(function(){
   		if (c==1) {
   			return;
   		};

   		c=1;
   		setTimeout(function(){
     		c=0;

     		},1000);

     		num--;
     		if	(num==-1){
     			num=4;
     		}

     	$("#lunbo img").eq(num).stop().fadeIn().siblings('img').stop().fadeOut();

     	$("#lunbo ul li").eq(num).css({background:"rgb(28,189,197)"}).siblings().css({background:"rgb(129,130,127)"});
})
     	$("#you").click(function(){
     		if (c==1) {
     			return;
     		};

     		c=1;
     		setTimeout(function(){
     		c=0;
     		},1000);

     		num++;
			if(num==5){
				num=0;
			}
     	$("#lunbo img").eq(num).stop().fadeIn().siblings('img').stop().fadeOut();
     	$("#lunbo ul li").eq(num).css({background:"rgb(28,189,197)"}).siblings().css({background:"rgb(129,130,127)"});
     		
     	});
     	
  	})
	</script>
	</head>
	
	<body>	
		<!--头部-->
	{{include file="../Common/header"}}
	
	<!--头部结束-->
	
	<!--轮播图开始-->
	<div id='lunbo'>
		<!--轮播图片-->
		<img src="./Public/Home/img/lunbo1.jpg" alt="" />
		<img src="./Public/Home/img/lunbo2.jpg" alt="" />
		<img src="./Public/Home/img/lunbo3.jpg" alt="" />
		<img src="./Public/Home/img/lunbo4.jpg" alt="" />
		<img src="./Public/Home/img/lunbo5.jpg" alt="" />
		<!--轮播序号-->
		<ul id="ul">
     	   <li></li>
     	   <li></li>
     	   <li></li>
     	   <li></li>
     	   <li></li>
     	</ul>
     	<!--轮播图箭头-->
     	<div id="jiantou">
		<a id="zuo" href="javascript:;" class="ws_prev"></a>
		<a id="you" href="javascript:;" class="ws_prev"></a>
		</div>
	</div>
	
	<!--轮播图结束-->
	
	<!--楼层开始-->
	
	<div id="box">
		<div class="one">
			<h2>当日精选</h2>
			<div class="one_img">
				<a href="">
					<img src="./Public/Home/img/one1.jpg" alt="" />
					<div class="one_introduce">
						<div class="title">绿松石泰银锁骨链</div>
					</div>												
				</a>	
			</div>
			
			<div class="one_img">
				<a href="">
					<img src="./Public/Home/img/one2.jpg" alt="" />
					<div class="one_introduce">
						<div class="title">色彩水果果盘</div>
					</div>
				</a>
			</div>
			
			<div class="one_img">
				<a href="">
					<img src="./Public/Home/img/one3.jpg" alt="" />
					<div class="one_introduce">
						<div class="title">多卡拉复古长款钱包</div>
					</div>
				</a>
			</div>
			
			<div class="one_img one4">
				<a href="">
					<img src="./Public/Home/img/one4.jpg" alt="" />
					<div class="one_introduce">
						<div class="title">北欧简约原木灯</div>
					</div>
				</a>
			</div>
		</div>
		<!--当日精选结束-->
		<!--定制推荐开始-->
			<div class="two">
			<h2>定制推荐</h2>
			{{foreach from="$goodsData" value="$v"}}
			<div class="two_img">
				<a href="">
					<img src="{{$v['listimg']}}" alt="" />
					<div class="two_introduce">
						<div class="title">{{$v['gname']}}</div>
					</div>												
				</a>	
			</div>
			{{endforeach}}
			<div class="two_img two2">
				<a href="">
					<img src="./Public/Home/img/two2.jpg" alt="" />
					<div class="two_introduce">
						<div class="title">纯纯银项链●一路平安</div>
					</div>
				</a>
			</div>
			
			
				
		</div>
		<!--定制推荐结束-->
		<!--设计精选开始-->
		<div class="three">
			<h2>设计精选</h2>
			
			<div class="three_img">
				<a href="">
					<img src="./Public/Home/img/three1.jpg" alt="" />
					<div class="three_introduce">
						<div class="title">定制的真爱</div>
					</div>												
				</a>	
			</div>
			
			<div class="three_img three2">
				<a href="">
					<img src="./Public/Home/img/three2.jpg" alt="" />
					<div class="three_introduce">
						<div class="title">纯纯银项链●一路平安</div>
					</div>
				</a>
			</div>
			
			<div class="three_img three3">
				<a href="">
					<img src="./Public/Home/img/three3.jpg" alt="" />
					<div class="three_introduce">
						<div class="title">经典男士大头休闲皮鞋</div>
					</div>
				</a>
			</div>
			
			<div class="three_img">
				<a href="">
					<img src="./Public/Home/img/three4.jpg" alt="" />
					<div class="three_introduce">
						<div class="title">手造原木牛皮台灯</div>
					</div>												
				</a>	
			</div>
			
			<div class="three_img">
				<a href="">
					<img src="./Public/Home/img/three5.jpg" alt="" />
					<div class="three_introduce">
						<div class="title">用手缝合 让脚呼吸</div>
					</div>
				</a>
			</div>
			
			<div class="three_img">
				<a href="">
					<img src="./Public/Home/img/three6.jpg" alt="" />
					<div class="three_introduce">
						<div class="title">925纯银十字架吊坠</div>
					</div>
				</a>
			</div>
			
			<div class="three_img three4">
				<a href="">
					<img src="./Public/Home/img/three7.jpg" alt="" />
					<div class="three_introduce">
						<div class="title">铭刻天空之城</div>
					</div>
				</a>
			</div>
				
		</div>
		<!--设计精选结束-->
		
		<div class="shougong">
			<a href="">
				<img src="./Public/Home/img/shougong.jpg" alt="" />
			</a>
		</div>
		
		
	</div>
	
	<!--底部-->
	{{include file="../Common/footer"}}
		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	</body>
</html>
